<template>
  <div class="demo-content">
    <div class="flex">
      <SvgIcon iconClass="face-dizzy"></SvgIcon>
      <SvgIcon class="ml12" iconClass="face-sad-cry"></SvgIcon>
      <SvgIcon class="ml12" iconClass="face-grin-squint-tears"></SvgIcon>
    </div>
    <div class="flex mt12">
      <SvgIcon iconClass="battery-empty" size="22" color="#f56c6c"></SvgIcon>
      <SvgIcon
        class="ml12"
        iconClass="battery-half"
        size="22"
        color="#e6a23c"
      ></SvgIcon>
      <SvgIcon
        class="ml12"
        iconClass="battery-full"
        size="22"
        color="#67c23a"
      ></SvgIcon>
    </div>
  </div>
</template>
